import React, {
    Component
} from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View
} from 'react-native';

export default class Header extends Component {
    render() {
        return (
            <View style={styles.flex}>
                <Text style={styles.font}>
                    <Text style={styles.font_1}>网易</Text>
                    <Text style={styles.font_2}>新闻</Text>
                    <Text>有态度</Text>
                </Text>
            </View>
        );
    }
}
const styles = StyleSheet.create({
    flex:{
        marginTop: 25,
        height:40,
        borderBottomWidth: 1,
        borderBottomColor: '#EF2D36',
        alignItems:'center'
    },
    font:{
        fontSize: 25,
        fontWeight: 'bold',
        textAlign:'center',
    },
    font_1:{
        color:"#CD1D1C"
    },
    font_2:{
        color:'#FFF',
        backgroundColor: "#CD1D1C",
    }
})